body{
    background: #F0EFF5;
}
.classification-header{
    width:100%;
    height: 0.85rem;
    float: left;
    background: #b81c22;
    .header-left{
     transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    width: 0.3rem;
    height: 0.3rem;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    cursor: pointer;
   position: absolute;
    top: 0.42rem;
    left: 0.42rem;
    }
    .header-center{
        width:100%;
        text-align: center;
        color:white;
        font-size: 0.3rem;
        height: 0.85rem;
        line-height: 0.85rem;
    }
    
}
.myself-banner{
    width:100%;
    height: 3.7rem;
    position: absolute;
    top:0.86rem;
    left: 0rem;
    img{
        width:100%;
        height: 3.7rem;
    }
}
.myself-set{
    width:97%;
    height: 0.48rem;
    position: relative;
    top:0.1rem;
    left: 0rem;
    overflow: hidden;
    
    img{
        width:0.4rem;
        height: 1.90rem;
        float: right;
    }
}
.myself-log{
    width:100%;
    height: 1.5rem;
    position: relative;
    top:0rem;
    left: 0rem;
    text-align: center;
    img{
        width:1.5rem;
        height: 1.5rem;
        border-radius:100%;
    }
}
.myself-tel{
    width:100%;
    height: 0.7rem;
    position: relative;
    top:-0.5rem;
    left: 0rem;
    
    text-align: center;
    span{
      font-size: 0.2rem;
      color:white;  
      
    }
}
.myself-log-1{
    width:100%;
    height: 1rem;
    position: relative;
    top:-0.7rem;
    left: 0rem;
    text-align: center;
    img{
        width:1.2rem;
        height: 0.4;
    }
}
.myself-account{
    width:100%;
    height: 0.3rem;
    position: relative;
    top:-0.6rem;
    left: 0rem;
    text-align: center;
    ul{
        li{
            float: left;
            width:33.3%;
            display: block;
            font-size: 0.2rem;
            color:white;
        }
    }
}
.myself-order{
    width:100%;
    height: 1.8rem;
    float: left;
    background: white;
     margin-top: -0.05rem;
     float: left;
     .order-top{
         width:100%;
         height: 0.7rem;
         border-bottom: 1px #CCCCCC solid;
         span{
             font-size: 0.25rem;
             color:#444444;
             text-align: left;
             float: left;
             display: block;
             margin-left: 0.2rem;
             line-height: 0.7rem;
         }
         .order-top-right{
             position: absolute;
             top: 5.07rem;
             right: 0.2rem;
             width: 0.2rem;
             height: 0.2rem;
             border-top: 1px solid #a5a5a5;
              border-right: 1px solid #a5a5a5;
             transform: translateY(-50%) rotate(45deg);
             -webkit-transform: translateY(-50%) rotate(45deg);
         }
     }
     .order-bottom{
         width:100%;
         height: 1.1rem;
        
         float: left;
         ul{
             li{
                 width:100%;
                 height: 0.3rem;
                 float:left;
                 width:33.3%;
                 display: block;
                 font-size: 0.2rem;
                 color:#999999;
                 text-align: center;
                 line-height: 0.5rem;
                 span{
                     font-size: 0.2rem;
                     color:#999999;
                   
                    
                 }
                 
                 .order-bottom-icon{
                     display: block;
                     margin: 0 auto;
                     width: 0.5rem;
                     height: 0.61rem;
                     background: url(../img/myself-2.png)0rem -0.16rem no-repeat;
                     background-size: 0.45rem 1.57rem;
                     
                    
                 }
             }
         }
     }
     .myself-service{
        width:100%;
       height: 4.8rem;
       float: left;
       background: white;
       float: left;
       margin-top: 0.15rem;
      .service-1{
          width:100%;
          height: 1.4rem;
          float: left;
          border-bottom: 1px #CCCCCC solid;
          ul{
              width:100%;
          height: 1.4rem;
          float: left;
          
              li{
                  display: block;
                  width:25%;
                  height: 1.3rem;
                  font-size: 0.2rem;
                  color:#999999;
                  float:left;
                  margin-top: 0.1rem;
                  text-align: center;
                 border-bottom: 1px #CCCCCC solid;
                  span{
                      display: block;
                      width:100%;
                      height: 1rem;
                      float: left;
                  }
                  .service-1-icon-1{
                      display: block;
                      width:99%;
                      height:0.9rem;
                      background: url(../img/uc-section-icon.png)0.4rem 0.1rem no-repeat;
                      background-size: 1rem 10.9rem;
                     
                     
                  }
                 .service-1-icon-2{
                      display: block;
                      width:99%;
                      height:0.9rem;
                      background: url(../img/uc-section-icon.png)0.4rem -0.73rem no-repeat;
                      background-size: 1rem 10.9rem;
                      border-left:1px #E5E5E5 solid;
                     
                  }
                 .service-1-icon-3{
                      display: block;
                     width:99%;
                      height:0.9rem;
                      background: url(../img/uc-section-icon.png)0.4rem -9.24rem no-repeat;
                      background-size: 1rem 10.9rem;
                      border-left:1px #E5E5E5 solid;
                     
                      
                  }
                 .service-1-icon-4{
                      display: block;
                     width:99%;
                      height:0.9rem;
                      background: url(../img/uc-section-icon.png)0.4rem -10.08rem no-repeat;
                      background-size: 1rem 10.9rem;
                     border-left:1px #E5E5E5 solid;
                  }
                  .service-1-icon-5{
                      display: block;
                      width:99%;
                      height:0.9rem;
                      background: url(../img/uc-section-icon.png)0.3rem -3.38rem no-repeat;
                      background-size: 1rem 11.9rem;
                      
                     
                  }
                 .service-1-icon-6{
                      display: block;
                      width:99%;
                      height:0.9rem;
                      background: url(../img/uc-section-icon.png)0.3rem -1.7rem no-repeat;
                      background-size: 1rem 11.9rem;
                      border-left:1px #E5E5E5 solid;
                     
                  }
                 .service-1-icon-7{
                      display: block;
                      width:99%;
                      height:0.9rem;
                      background: url(../img/uc-section-icon.png)0.3rem -2.24rem no-repeat;
                      background-size: 1rem 10.9rem;
                      border-left:1px #E5E5E5 solid;
                     
                      
                  }
                 .service-1-icon-8{
                      display: block;
                      width:99%;
                      height:0.9rem;
                      background: url(../img/uc-section-icon.png)0.3rem -5.92rem no-repeat;
                      background-size: 1rem 11.9rem;
                     border-left:1px #E5E5E5 solid;
                  }
                  .service-1-icon-9{
                      display: block;
                      width:99%;
                      height:0.9rem;
                      background: url(../img/uc-section-icon.png)0.3rem -0.73rem no-repeat;
                      background-size: 1rem 10.9rem;
                      border-left:1px #E5E5E5 solid;
                     
                  }
                 .service-1-icon-10{
                      display: block;
                      width:99%;
                      height:0.9rem;
                      background: url(../img/uc-section-icon.png)0.3rem -9.24rem no-repeat;
                      background-size: 1rem 10.9rem;
                      border-left:1px #E5E5E5 solid;
                     
                      
                  }
                 .service-1-icon-11{
                      display: block;
                     width:99%;
                      height:0.9rem;
                      background: url(../img/uc-section-icon.png)0.3rem -10.08rem no-repeat;
                      background-size: 1rem 10.9rem;
                     border-left:1px #E5E5E5 solid;
                  }
              }
          }
      }
     }
}
